@selectors: {
    @primary: {
        hover: #66b1ff;
        active: #3a8ee6;
        default: #409eff
    }

    @danger: {
        hover: #f78989;
        active: #dd6161;
        default: #f56c6c;
    }

    @info: {
        hover: #a6a9ad;
        active: #82848a;
        default: #909399;
    }

    @warning: {
        hover: #e6a23c;
        active: #cf9236;
        default: #e6a23c;
    }

    @success: {
        hover: #85ce61;
        active: #5daf34;
        default: #67c23a;
    }
}
.output(@key,@value) when not (@key = default) {
    background-color: @value;
}
each(@selectors, {
        @str: replace(@key, "@", '');

        .@{str} {
            background-color: @value[default];
            color: #fff;

            each(@value, {
                    @str1: e('&:@{key}');
                    @{str1} {
                        .output(@key,@value);
                    }
                }

            );
        }
    }
);
